<div class="VodDetail container" ng-controller="VodDetail">
    <div class="top-content-vod row">
        <div class="left-content-top col-md-4 col-sm-4">
            <div class="poster-left row-offset">
                <div class="img-curtain"></div>
                <img class="poster-img" ng-src={{imgObject.imgUrl}}>
            </div>
            <div class="buttons-left row-offset">
                <a href="" class="btn btn-default" ng-repeat="btnText in btnTextList" ng-bind="btnText.btnTitle"></a>
            </div>
        </div>
        <div class="right-content-top col-md-8 col-sm-8">
            <div class="title-right-top row">
                <div class="title-right col-md-8 col-sm-8" title="{{vodInfomation.title}}"
                     ng-bind="vodInfomation.title"></div>
                <div class="title-collect col-md-4 col-sm-4">
                    <div class="image-collection" ng-show="isShowCollection"></div>
                </div>
            </div>
            <div class="row title-alsoCalled" title="{{vodInfomation.alsoCalled}}"
                 ng-bind="vodInfomation.alsoCalled"></div>
            <div class="row comments-title">
                <div class="star-content col-md-6 col-sm-6">
                    <div class="stars" ng-repeat="starts in starsList"
                         ng-class="{'stars_active':starts.activeHover,'stars_half':starts.halfActive}"></div>
                </div>
                <div class="stars-count  col-md-6 col-sm-6" ng-bind="startCount"></div>
            </div>
            <div class="row film-desc">
                <div class="col-md-12 col-sm-12 desc-comment" ng-bind="vodInfomation.Dec.longDesc"
                     ng-class="{'show-all-desc': isShowAllDesc}">
                </div>
                <div class="show-btn" ng-bind="showAllText" ng-click=" isShowAllDesc =!isShowAllDesc"></div>
            </div>
            <div class="information">
                <div class="row">
                    <div class="col-md-4 col-sm-5" ng-bind="infoHeader"></div>
                    <div class="col-md-8 col-sm-7"></div>
                </div>
                <div class="row film-duration">
                    <div class="col-md-4 col-sm-5" ng-bind="filmDuration"></div>
                    <div class="col-md-8 col-sm-7" ng-bind="vodInfomation.duration"></div>
                </div>
                <div class="row">
                    <div class="col-md-4 col-sm-5" ng-bind="produceYear"></div>
                    <div class="col-md-8 col-sm-7" ng-bind="vodInfomation.year"></div>
                </div>
                <div class="row">
                    <div class="col-md-4 col-sm-5" ng-bind="productionArea"></div>
                    <div class="col-md-8 col-sm-7" ng-bind="vodInfomation.productionArea"></div>
                </div>
                <div class="row">
                    <div class="col-md-4 col-sm-5" ng-bind="filmLanguage"></div>
                    <div class="col-md-8 col-sm-7" ng-bind="vodInfomation.filmLanguage"></div>
                </div>
                <div class="row">
                    <div class="col-md-4 col-sm-5" ng-bind="genres"></div>
                    <div class="col-md-8 col-sm-7" ng-bind="vodInfomation.genres"></div>
                </div>
                <div class="row">
                    <div class="col-md-4 col-sm-5" ng-bind="videoQuality"></div>
                    <div class="col-md-8 col-sm-7" ng-bind="vodInfomation.videoQuality"></div>
                </div>
                <div class="row">
                    <div class="col-md-4 col-sm-5" ng-bind="videoDirection"></div>
                    <div class="col-md-8 col-sm-7" ng-bind="vodInfomation.direction"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="row person-tips">
        <div class="person-tips-title" ng-bind="tipsTitle"></div>
        <div></div>
    </div>
    <div class="row vod-tips"></div>
</div>